$--color-text-master: #303133; //主要文字颜色
$--color-text-base: #606266; //文字主体色
$--color-text-secondary: #909399; //次要文字颜色
$--color-text-placeholder: #C0C4CC; //占位文字颜色
$--color-text-link: #409eff; //链接色

$--color-primary: #409EFF; // 全局主色
$--color-success: #67C23A; // 成功色
$--color-warning: #E6A23C; // 警告色
$--color-danger: #F56C6C; // 错误色
$--color-info: #909399; // 信息色

$--color-primary-1light: rgb(83, 168, 255);
$--color-primary-2light: rgb(102, 177, 255);
$--color-primary-3light: rgb(121, 187, 255);
$--color-primary-4light: rgb(140, 197, 255);
$--color-primary-5light: rgb(160, 207, 255);
$--color-primary-6light: rgb(179, 216, 255);
$--color-primary-7light: rgb(198, 226, 255);
$--color-primary-8light: rgb(217, 236, 255);
$--color-primary-9light: rgb(236, 245, 255);


$--color-border-1level: #DCDFE6;
$--color-border-2level: #E4E7ED;
$--color-border-3level: #EBEEF5;
$--color-border-4level: #F2F6FC;

$--color-bg-base: #fafafa;
$--color-bg-gray: #f3f3f4;
$--color-bg-gray-5light: #f3f3f488;

$--size-font-x-small: 1.2rem; //辅助文字
$--size-font-small: 1.3rem;   //正文(小)
$--size-font-base: 1.4rem;    //正文
$--size-font-medium: 1.6rem;  //小标题
$--size-font-large: 1.8rem;   //标题
$--size-font-x-large: 2rem;  //主标题
$--size-font-xx-large: 3rem;  //大主标题

$--box-shadow-base : 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); //阴影
$--box-shadow-light : 0 2px 12px 0 rgba(0, 0, 0, 0.1);  //浅阴影
$--box-shadow-light-small : 0 2px 4px 0 rgba(0, 0, 0, 0.1);  //小的浅阴影

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
